// All Badges
.rui.badge, .badge {
  box-shadow: none;
  font-weight: 600;
  border-width: 1px;
}

// Badge Sizes
.rui.badge-large {
  height: 30px;
  font-size: 14px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 2em;
}
.rui.badge-indicator {
  width: 24px;
  height: 24px;
  border-radius: 48px;
}


// Badge Colors
.rui.badge-basic {
  background: @white;
  border: 1px solid @black60;
  color: @black60;
}
.rui.badge-cta {
  background: @brand-cta;
  border: 1px solid @brand-cta;
}

.rui.badge-danger {
  background: @brand-danger;
  border: 1px solid @brand-danger;
}

.rui.badge-default {
  background: @brand-default;
  border: 1px solid @brand-default;
}

.rui.badge-info {
  background-color: @brand-info;
  border: 1px solid @brand-info;
}

.rui.badge-primary {
  background: @brand-primary-dark;
  border: 1px solid @brand-primary-dark;
}

.rui.badge-success {
  background-color: @brand-success;
  border: 1px solid @brand-success;
}

.rui.badge-warning {
  background-color: @brand-warning;
  border: 1px solid @brand-warning;
}

//TODO: Update badges for low inventory / sold out
.rui.badge-low-inv-warning {
  .label-variant(@label-warning-bg);
}

.badge-top {
  position: absolute;
  top: -10px;
  left: -10px;
}

/* Badge Colors
// Contextual variations of badges
// Bootstrap 3.0 removed contexts for badges, we re-introduce them, based on what is done for labels
*/
// Existing badges
.badge-default {
  .label-variant(@label-default-bg);
}

.badge-primary {
  .label-variant(@label-primary-bg);
}

.badge-success {
  .label-variant(@label-success-bg);
}

.badge-info {
  .label-variant(@label-info-bg);
}

.badge-warning {
  .label-variant(@label-warning-bg);
}

.badge-danger {
  .label-variant(@label-danger-bg);
}

.badge-low-inv-warning {
  .label-variant(@label-warning-bg);
}
